<!--
 * @Author: your jay
 * @Date: 2021-08-11 15:46:28
 * @LastEditTime: 2021-08-11 18:43:42
 * @LastEditors: Please set LastEditors
 * @Description: iframe
 * @FilePath: \Briup\Common\study\1-html\9-form.html
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表单</title>
</head>
<body>
    <iframe width="100%" height="300" frameborder="0" scrolling="no" hspace="0" src="https://i.tianqi.com/?c=code&a=getcode&id=55&icon=1"></iframe>
    <form action="/user/submit" enctype="application/x-www-form-urlencoded" method="GET">
        <div>
            <label for="input_user_name">
                用户名:
                <input type="text" name="username" id="input_user_name">
            </label>
        </div>
        <div>
            <label for="input_password">
                密码:
                <input type="password" name="passWord" id="input_password">
            </label>
        </div>
        <div>
            <label for="input_telephone">
                手机号:
                <input type="text" name="telepone" id="input_user_name">
            </label>
        </div>
        <div>
            性别:
            <label for="input_gender_male">
                <input type="radio" value="male" name="gender" id="input_gender_male">男
            </label>
            
            <label for="input_gender_female">
                <input checked type="radio" value="female" name="gender" id="input_gender_female">女
            </label>   
        </div>
        <div>
            地址：
            <select name="address" id="">
                <option value="js">江苏</option>
                <option value="sx" selected>山西</option>
                <option value="hn">河南</option>
            </select>
        </div>
        <div>
            爱好：
            <input type="checkbox" name="hobbies" value="football">足球
            <input type="checkbox" checkeds name="hobbies" value="basketbball">蓝球   
        </div>
        <div>
            自我介绍：
            <textarea name="自我介绍" id="" cols="50" rows="4"></textarea>
        </div>
        <div>
            出生日期：
            <input type="date" name="birth"/>
        </div>
        <div>
            <input type="submit" value="提交">
            <input type="reset" value="重置">

        </div>
        <div>
            头像
            <input type="file"/>    <!-- 需要使用enctype="multipart/form-data" -->
        </div>
       
    </form>
</body>
</html>